import React from 'react';
import { Button } from 'antd';
import QueueAnim from 'rc-queue-anim';
import Texty from 'rc-texty';
import 'rc-texty/assets/index.css';

class Banner extends React.PureComponent {
  render() {
    return (
      <div className="banner3">
        <QueueAnim
          key="QueueAnim"
          type={['bottom', 'top']}
          delay={200}
          className="banner3-text-wrapper"
        >
          <div key="nameEn" className="banner3-name-en">
            Seeking Experience & Engineering Conference
          </div>
          <div key="slogan" className="banner3-slogan">
            <Texty type="mask-bottom">首届蚂蚁金服体验科技大会</Texty>
          </div>
          <div key="name" className="banner3-name">
            探索极致用户体验与最佳工程实践探索
          </div>
          <Button type="primary" key="button" className="banner3-button">
            立即报名
          </Button>
          <div key="time" className="banner3-time">
            2018.01.06 / 中国·杭州
          </div>
        </QueueAnim>
      </div>
    );
  }
}
export default Banner;
